/*
 * @Description: 全宗表格组件
 * @Author: Rfan
 * @Date: 2022-05-28 12:10:37
 * @LastEditTime: 2022-05-28 16:04:47
 */

import { useMemo, useState } from 'react';
import classNames from 'classnames/bind';
import { useDictionaryContext } from '../contexts/DictionaryContext';
import DicNav from './DicNav';
import PageContent from './PageContent';

import styles from '../styles/list.module.scss';

const cx = classNames.bind(styles);

const PageWrap = () => {
  const { selectFond } = useDictionaryContext();
  const [title, setTitle] = useState<string>('');
  const [query, setQuery] = useState({});

  return (
    <div className={cx('sort-container')}>
      {useMemo(
        () => (
          <div className={cx('sidebar')}>
            <DicNav />
          </div>
        ),
        [selectFond]
      )}
      <div className={cx('pane-wrap')}>
        <PageContent />
      </div>
    </div>
  );
};

export default PageWrap;
